<!DOCTYPE html>
<html>

<head>
  <title>CSS hue-rotate() Function</title>

  <style>
    h1 {
      color: green;
    }

    body {
      text-align: center;
    }

    .hue_rotate_effect {
      filter: hue-rotate(100deg);
    }
  </style>
</head>

<body>
  <h1>GeeksforGeeks</h1>

  <h2>CSS hue-rotate() function</h2>

  <img class="hue_rotate_effect"
    src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo">
</body>

</html>